<%-- 
    Document   : buscarLibroPorISBN
    Created on : 14-ene-2014, 18:56:12
    Author     : Johann
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!--Añadimos el core tag-->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/misEstilos.css"  type="text/css" rel="stylesheet"/>
        <link href="css/miFormularioTablas.css"  type="text/css" rel="stylesheet"/>
        <link href="css/mensajesError.css"  type="text/css" rel="stylesheet"/>
        <title>Buscar Libro por su ISBN</title>
        <script type="text/javascript" language="javascript">
            /**
             * 
             * @param {type} isbn
             * @param {type} precio
             * @returns {undefined}
             *  Método que llama a un prompt con el precio original para que el 
             *  usaurio pueda modificarlo. Se realizan algunas validaciones, del 
             *  formato por ejemplo.
             */
            function entraPrecioNuevo(isbn, precio) {
                //alert(isbn + "-" + precio);
                var precioNuevo = prompt("Modifique el precio y haga clic en aceptar. Use el formato (0.00)", precio);
                if (valNumber(precioNuevo)) {
                    if (precioNuevo != null) {
                        document.location.href = "<%=request.getContextPath()%>" + "/controladorLibreria?op=5&modificarPrecio=SI&isbn=" + isbn + "&precio=" + precioNuevo;
                    }
                }
            }
            
            /**
             * Método que valida que sea una cantidad.
             * @param {type} numero
             * @returns {Boolean}             */
            function valNumber(numero) {
                var regEx = /^[0-9]{0,3}(\.[0-9]{0,2})?$/;
                //bValid = document.Form1.t1.value.match(regEx);
                bValid = numero.match(regEx);
                if (!bValid) {
                    alert('Formato incorrecto. (Ejemplo válido: 12.34)');
                    return false;
                }else{
                    return true;
                }
            }
        </script>
    </head>
    <body class="fondoPagina">
        <!--BEGIN #signup-form -->
        <div id="signup-form">
            <!--BEGIN #subscribe-inner -->
            <div id="signup-inner">
                <form action="controladorLibreria">
                    <div class="clearfix" id="header">
                        <c:if test="${requestScope.modificar ne null}">
                            <h1>Modificar precio Libro</h1>
                            <input type="hidden" name="modificarPrecio" value="SI" />
                        </c:if>
                        <c:if test="${requestScope.modificar eq null}">
                            <h1>Buscar Libro por su ISBN</h1>
                        </c:if>
                    </div>
                    <label for="titulo">ISBN</label><input type="text" name="isbn" required maxlength="20"/><br>
                    <input type="hidden" name="op" value="4" />
                    <!--<input type="submit" value="Buscar Libro" />-->
                    <button id="submit" type="submit">Buscar Libro</button>
                </form>
                <c:if test="${requestScope.libro ne null}">
                    <br>
                    <c:if test="${requestScope.modificar ne null}">
                        <div id="required">
                            <p>* Haga clic sobre el precio para modificar.</p>
                        </div>
                    </c:if>
                    <div class="datagrid">
                        <table>
                            <thead>
                                <tr align="center"><th>T&iacute;tulo</th>
                                    <th>Autor</th><th>ISBN</th><th>Editorial</th>
                                    <th>Publicaci&oacute;n</th>
                                    <th>Precio</th><th>Descripci&oacute;n</th>                            
                                </tr>
                                <tr>
                                    <td><c:out value="${requestScope.libro.titulo}"></c:out></td>
                                    <td><c:out value="${requestScope.libro.autor}"></c:out></td>
                                    <td><c:out value="${requestScope.libro.isbn}"></c:out></td>
                                    <td><c:out value="${requestScope.libro.editorial}"></c:out></td>                        
                                    <td><c:out value="${requestScope.libro.publicacion}"></c:out></td>
                                    <c:if test="${requestScope.modificar ne null}">
                                        <td>
                                            <a href="#" onclick="entraPrecioNuevo(${requestScope.libro.isbn}, ${requestScope.libro.precio})">
                                                <c:out value="${requestScope.libro.precio}"></c:out>
                                                </a>
                                            </td>                        
                                    </c:if>
                                    <c:if test="${requestScope.modificar eq null}">
                                        <td><c:out value="${requestScope.libro.precio}"></c:out></td>    
                                    </c:if>
                                    <td><c:out value="${requestScope.libro.descripcion}"></c:out></td>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                </c:if>
                <c:if test="${requestScope.libroNoEncontrado ne null}">
                    <br>
                    <div id="display-error">
                        <img src="imagenes/error.png" alt="Error" /> <c:out value="${requestScope.libroNoEncontrado}"></c:out> 
                        </div>

                </c:if>
            </div>
            <!-- Añadimos un div con un botón para volver atrás-->
            <div align="center" style="margin-top: 20px;"><a href="controladorLibreria?op=99">Volver</a></div>
            <!--END #signup-inner -->
        </div>
        <!--END #signup-form -->   
    </div>
</body>
</html>
